@charset "utf-8";
/* css */
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; background: #F7F7F7 }
img { border: 0; display: block; }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; height: 20px }
.box { margin: 0 9.896%; }
/*header*/
header { height: 0px; width: 100%; z-index: 999999; position: fixed; top: 0; background: #fff; box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); }
header .box { position: relative }
.is-fixed { background: rgba(0,0,0,.5); box-shadow: 0 2px 4px rgb(0 0 0 / 10%); position: fixed; top: 0; bottom: 0; left: 0; }
.logo { float: left; margin-right: 180px; }
.logo img { height: 60px; margin-top: 5px; }
nav { font-size: 16px; height: 70px; line-height: 70px; position: relative; }
#starlist li { display: inline-block; position: relative; }
#starlist li a { display: block; position: relative; padding: 0 33px; color: #333; transition: all .5s; }
#starlist li:hover a {/* background: #0E59D1; *//* color: #fff; */}
.sub { position: absolute; left: 0; top: 62px; z-index: 9; width: 160%; opacity: 0; height: 0; transition: all .5s; overflow: hidden; box-shadow: 0 4px 5px rgb(0 0 0 / 10%); }
.sub dt { display: none; }
.sub dt img { width: 100%; border: #fff 5px solid; }
.sub dd { float: left; background: #fff !important; line-height: 60px; font-size: 16px; width: 100%; border-bottom: 1px solid rgba(226, 226, 226, 1); position: relative; }
.sub dd:after { position: absolute; content: ''; border: 1px solid #fff; border-radius: 50%; width: 20px; height: 20px; right: 12px; top: 50%; margin-top: -10px; }
#starlist li .sub dd:last-child { border: none }
.sub dd a:before { position: absolute; content: ''; right: 21px; top: 50%; width: 5px; height: 5px; background: #fff; border-radius: 50%; margin-top: -1px; z-index: 99; }
.sub dd a:after { position: absolute; content: ''; top: 50%; width: 50px; height: 1px; background: #fff; right: 26px; margin-top: 1px; }
#starlist li:hover div.sub { opacity: 1; height: auto; top: 70px; }
#starlist li:hover dd a { background: #fff; color: #333; }
#starlist li:hover dd a:hover, #starlist a#selected:hover { background: #0E59D1; color: #fff; }
#starlist a#selected {color: #0E59D1;}

/*mnav*/
#mnavh { display: none; width: 40px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #828282; margin-top: 10px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #828282; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -8px; }
.navicon:after { margin-top: 8px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 28px; height: 2px; position: absolute; background: #828282; }
/*search*/
.search { position: relative; overflow: hidden; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; display: block; font-size: 15px; height: 37px; background: #0E59D1; line-height: 36px; cursor: pointer; border-radius: 3px; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; font-size: 14px; outline: none; text-indent: 1em; border-bottom: #ccc 1px solid; }
.is-search { position: absolute; right: 20px; top: 16px; cursor: pointer; border-radius: 100%; }
.is-search i { display: block; width: 36px; height: 36px; background: url(../images/search.png) no-repeat center; background-size: 18px; }
.search-page { width: 100%; left: 0; background: #fff; position: absolute; top: 0; z-index: 8; display: none; }
.search_box { height: 50px; padding-top: 20px; }
.search-page .search { clear: both; width: 60%; margin: auto; border-radius: 0 5px 5px 0; }
.search-page .search input.input_text { width: 79%; float: left; z-index: 9; }
.search-page .search input.input_submit { width: 20%; }
.search select { border: none; height: 36px; right: 20%; outline: none; z-index: 9; position: absolute; background: #fff; }
.search-page .go-left { background: url(../images/close.png) no-repeat left center; width: 32px; height: 32px; background-size: 22px; position: absolute; right: 20px; top: 10px; }
/*banner*/
.banner .swiper-slide { background-color: #efefef; overflow: hidden; }
.banner .swiper-slide img { object-fit: cover; width: 100%; height: 100%; }
.banner .swiper-container { height: 100vh; position: relative; }
.banner .swiper-button-next, .banner .swiper-button-prev { top: 93vh; width: 50px; height: 50px; border-radius: 50%; }
.banner .swiper-button-next { background: url(../images/next-btn.png) no-repeat; background-size: 50px; right: 9.896%; }
.banner .swiper-button-prev { background: url(../images/prev-btn.png) no-repeat; background-size: 50px; right: calc(9.896% + 70px); left: unset; }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { background-color: #0E59D1; }
.banner .txt { position: absolute; top: 30%; color: #FFF; width: 100%; left: 10%; z-index: 3; margin: -170px 0 0 0; animation-name: bannertxt; animation-duration: 6s; animation-iteration-count: infinite; opacity: 0; }
 @keyframes bannertxt { 0% {
top:56%
}
 16.66% {
top:50%;
opacity:1
}
 33.32% {
top:50%;
opacity:1
}
 66.64% {
top:50%;
opacity:1
}
 83.3% {
top:50%;
opacity:1;
}
90% {
top:50%;
opacity:0;
}
96% {
top:50%;
opacity:0;
}
 100% {
top:50%;
opacity:0;
}
}
.banner .txt h3 { font-size: 56px; margin: 20px 0; }
.banner .txt h4 { font-size: 30px; margin: 20px 0; font-weight: normal; }
.banner .txt h5 { font-size: 20px; margin: 20px 0; font-weight: normal; }
.banner-info { display: flex; position: absolute; color: #ffffff; align-items: center; z-index: 5; left: 0; justify-content: center; right: 0; top: 93vh; }
.banner-info .mouse { width: 22px; height: 32px; border: 1px solid #fff; border-radius: 40px; margin-left: 0.1rem; margin-right: 0.1rem; position: relative; }
.banner-info .mouse:after { content: ""; position: absolute; width: 2px; height: 8px; top: 8px; left: 50%; margin-left: -1px; background: #fff; -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; }
@keyframes updown { 0% {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(-3px);
 -moz-transform: translateY(-3px);
 -ms-transform: translateY(-3px);
 -o-transform: translateY(-3px);
 transform: translateY(-3px);
}
}
.banner-page-num { position: absolute; z-index: 6; left: 9.896%; top: 93vh; }
.banner-page-num span { display: inline-block; margin-right: 20px; color: rgba(255, 255, 255, 0.5); position: relative; transition: all .3s; font-family: fantasy; font-size: 20px; }
.banner-page-num span::after { position: absolute; top: 50%; margin-top: -1px; height: 1px; width: 10px; left: 115%; z-index: 2; background: transparent; content: ''; transition: all .3s; }
.banner-page-num span.on { color: rgba(255, 255, 255, 1); margin-right: 40px; }
.banner-page-num span.on::after { background: #fff; }
/*service*/
.service { background: url(../images/bg1.jpg) no-repeat; background-size: 100% 100%; padding: 60px 0 }
.h_title { margin-bottom: 30px; }
.h_title span { font-size: 24px; color: #0E59D1; }
.h_title h5 { font-size: 45px; color: #222; margin: 20px 0; }
.h_title p { font-size: 18px; color: #666; line-height: 30px; }
.h_service { position: relative; height: 560px }
.h_service section { width: 50%; height: 100%; position: relative; transition: all .5s; z-index: 1; position: absolute; top: 0; overflow: hidden; }
.h_service section:nth-child(1) { left: 0; background: url(../images/section1a.jpg) no-repeat center; background-size: cover; z-index: 2 }
.h_service section:nth-child(2) { right: 0; background: url(../images/section1b.jpg) no-repeat center; background-size: cover; z-index: 2 }
.h_service:hover section { width: 20%; z-index: 1; }
.h_service section:hover { width: 80%; z-index: 2; }
.h_s_txt { position: absolute; top: 50px; left: 8%; color: #fff; }
.h_s_txt h5 { font-size: 30px; letter-spacing: 5px; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_s_txt p { font-size: 18px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin-right: 30px }
.h_service ul { position: absolute; top: 65%; right: 50px; width: 90%; transition: all .5s; height: 0; background: #fff; border-radius: 5px; text-align: center; font-size: 0; opacity: 0; }
.h_service ul li { display: inline-block; text-align: center; width: 0; overflow: hidden; }
.h_service ul li p { font-style: normal; font-size: 16px; color: #454545; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; }
.h_service ul li img { width: 40px; height: 40px; margin: 0 auto 20px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.h_service ul li:hover img { filter: inherit }
.h_service ul li:hover p { color: #0E59D1 }
.h_service ul li a { margin: 25px 10px; position: relative; display: block; }
.h_service ul li a:before { content: ''; left: -10px; top: 9px; bottom: 0; width: 1px; background: #e0e0e0; position: absolute; }
.h_service ul li:nth-child(1) a:before { display: none }
.h_service section:hover ul { opacity: 1; height: 130px }
.h_service section:hover ul li { width: 20% }
/*map*/
.map { background: url(../images/bg2.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; padding: 60px 0 }
.map .map_left { width: 30%; float: left; }
.map .h_title span { color: #fff; }
.map .h_title h5 { color: #fff; }
.map .h_title p { color: #fff; }
.map_tell { background: url(../images/tell.png) no-repeat left center; background-size: 32px; color: #fff; font-size: 44px; font-weight: bold; padding-left: 40px; margin: 50px 0 150px; }
.btn { height: 60px; line-height: 60px; background: #0E59D1; color: #fff; display: block; width: 240px; padding: 0 0 0 30px; border-radius: 5px; font-size: 18px; transition: .5s; cursor: pointer; position: relative }
.btn a { color: #fff }
.btn:hover { transform: translateY(-5px); }
.btn_more { position: relative; border: 1px solid #fff; border-radius: 50%; width: 20px; height: 20px; display: block; float: right; margin: 17px 30px 0; }
.btn_more:before { position: absolute; content: ''; right: 8px; top: 50%; width: 5px; height: 5px; background: #fff; border-radius: 50%; margin-top: -2px; z-index: 99; }
.btn_more:after { position: absolute; content: ''; top: 50%; width: 65px; height: 1px; background: #fff; right: 13px; margin-top: 0px; }
.btn_on { position: absolute; right: 0; top: 0 }
.btn_on i { position: absolute; right: -5px; bottom: -20px; width: 40px; height: 40px; background: rgba(255, 255, 255, 1); z-index: 11; display: block; border-radius: 50%; transform: scale(1); opacity: 0; }
.btn_on i:nth-child(2) { transform: scale(2); }
.btn_on i:nth-child(3) { transform: scale(3); }
.btn:hover { color: #fff; clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); }
.btn:hover i:nth-child(4) { -webkit-animation: sxxs1 1s .3s linear infinite; -moz-animation: sxxs1 1s .3s linear infinite; }
.btn:hover i:nth-child(5) { -webkit-animation: sxxs1 1s .6s linear infinite; -moz-animation: sxxs1 1s .6s linear infinite; }
.btn:hover i:nth-child(6) { -webkit-animation: sxxs1 1s 1s linear infinite; -moz-animation: sxxs1 1s 1s linear infinite; }
@keyframes sxxs1 { 0% {
 -webkit-transform: scale(0);
 opacity: .3;
}
100% {
 -webkit-transform: scale(10);
 opacity: 0;
}
}
.map_mid { width: 40%; float: left; }
.map_mid img { max-width: 100%; margin-top: 70px; margin-left: 17px; }
.map_right { width: 24%; float: right; color: #fff; }
.map_right ul { }
.map_right li { position: relative; color: #fff; overflow: hidden; padding: 60px 0 60px 60px; }
.map_right li:after { position: absolute; content: ''; width: 168px; height: 168px; border-radius: 50%; background: url(../images/border.png) no-repeat; top: 0; margin-top: 20px; left: 15px; background-size: 100% 100%; }
.map_right li i { background: #fff; z-index: 4; margin-right: 15px; width: 80px; height: 80px; border-radius: 50%; line-height: 80px; text-align: center; display: inline-block; position: relative; float: left; }
.map_right li i::after { content: ""; width: 90px; height: 90px; background: rgba(255,255,255,0.05); position: absolute; top: 0%; left: 0%; margin-left: -5px; margin-top: -5px; border-radius: 50%; animation: point1 2s infinite; }
 @keyframes point1 { 0% {
 transform:scale(.8);
}
 50% {
 transform: scale(1.2);
}
 100% {
 transform: scale(.8);
}
}
.point1 { -webkit-animation-name: point1; animation-name: point1; }
.map_right li img { width: 44px; height: 44px; margin: 18px auto; }
.m_r_txt { float: left; }
.m_r_txt h3 { font-size: 40px; }
.m_r_txt h3 span { font-weight: bold; line-height: 60px; }
.m_r_txt sup { font-size: 18px; line-height: 17px; vertical-align: top; font-weight: normal; }
.m_r_txt p { font-size: 16px; color: #FFFFFF; line-height: 22px; }
/*hz*/
.hezuo { overflow: hidden; padding: 60px 0; background: url(../images/bg3a.png) no-repeat, url(../images/bg3.jpg) no-repeat; background-size: auto 555px, 100% 100%; background-position: 60px 128%, left top; }
.hz ul { display: flex; justify-content: space-between; }
.hz ul li { width: 24%; background-color: #fff; box-shadow: 0px 6px 16px 0px rgba(204, 212, 226, 0.4); padding: 40px 53px; margin-top: 20px; margin-bottom: 50px; cursor: pointer; transition: all .3s; }
.hz ul li img { width: 60px; height: 60px; }
.hz ul li h5 { font-size: 30px; color: #222; line-height: 42px; margin-top: 22px; }
.hz ul li p { font-size: 18px; color: #222; line-height: 26px; margin-top: 10px; }
.hz ul li:hover { transform: translateY(-10px); }
.hz_txt { text-align: right; }
.hz_txt h4 { font-size: 45px; color: #222; margin: 10px 0; }
.hz_txt p { font-size: 18px; color: #666; line-height: 30px; }
.hz_txt span { font-size: 26px; font-weight: bold; color: #0E59D1; margin: 40px 0; display: block; }
.hezuo .btn { float: right }
/*news*/
.news { background: url(../images/bg4.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; padding: 60px 0 }
#tab-content section { display: none; }
#tab-content section:nth-child(1) { display: block }
.news_left { width: 20%; float: left; }
#tab { margin: 100px 0; }
#tab li { font-size: 20px; color: #444; padding-bottom: 5px; margin: 50px 0; border-bottom: 3px solid transparent; transition: all .5s; cursor: pointer; width: max-content; }
#tab li.tab-current, #tab li:hover { color: #0E59D1; border-bottom: 3px solid #0E59D1; }
div#tab-content { width: 80%; overflow: hidden; float: right; }
#tab-content section ul { overflow: hidden; }
section.tab-box ul li { width: 48.5%; margin-top: 40px; transition: all .5s; overflow: hidden; float: left; }
section.tab-box li a { display: block; margin-left: 30px; overflow: hidden; background: #fff; padding: 40px; height: 120px; }
section.tab-box li h5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; color: #222222; line-height: 30px; transition: all .5s; }
section.tab-box li:hover { transform: translateY(-10px); }
section.tab-box li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; color: #999999; line-height: 24px; margin-top: 13px; transition: all .5s; }
.news_date { margin-right: 44px; float: left; }
.news_date b { font-size: 32px; color: #000000; font-weight: normal; line-height: 40px; transition: all .5s; }
.news_date span { font-size: 15px; color: #888888; line-height: 18px; padding-bottom: 45px; border-bottom: 1px solid #bbbbbb; transition: all .5s; display: block; }
/*footer*/
.ft_menu dl { width: 25%; float: left; }
.ft_menu dt { font-size: 20px; font-weight: 600; color: #FFFFFF; line-height: 28px; margin-bottom: 16px; }
.ft_menu dd { display: block; font-size: 15px; font-weight: 400; line-height: 34px; transition: all .3s; }
.ft_menu dd a { color: rgba(255, 255, 255, 0.8); }
.ft_menu a { color: #fff; transition: .5s; }
.ft_menu dd a:hover { color: rgba(255, 255, 255, 1); }
.ft_left { width: 70%; float: left; overflow: hidden; }
.ft_logo { margin: 40px 0; }
.ft_logo img { height: 60px;     filter: brightness(100);}
.ft_right { margin: 70px 0; width: 28%; float: right; }
.ft_tell { margin-bottom: 60px; }
.ft_tell span { display: block; font-size: 16px; color: #FFFFFF; line-height: 22px; }
.ft_tell a { font-size: 30px; font-weight: bold; color: #FFFFFF; line-height: 36px; margin: 20px 0; display: block; }
.ft_ewm li { float: left; text-align: center; margin: 0 10px; }
.ft_ewm li img { width: 150px; }
.ft_ewm li p { color: #FFFFFF; font-size: 18px; line-height: 50px; }
.copyright { border-top: 1px solid rgba(255,255,255,0.15); color: rgba(255, 255, 255, 0.5); line-height: 21px; clear: both; padding: 40px 0; }
.copyright a { color: rgba(255, 255, 255, 0.5); transition: .5s }
.copyright a:hover { color: rgba(255, 255, 255, 1); }
.ft_top { background: #0E59D1; width: 150px; height: 100%; position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
footer { position: relative; background: #02182E; overflow: hidden; width: 100%; }
.ft_top .btn { width: 15px; line-height: inherit; margin: auto; padding: 0; font-size: 16px; }
.ft_top .btn_more { transform: rotate( -90deg); position: absolute; top: -120px; left: -36px; }
.ft_top .btn:hover { transform: inherit; clip-path: none; }
/*page_banner*/
.page_banner img { width: 100%; }
.page_banner .txt { position: absolute; top: 30%; color: #FFF; width: 100%; text-align: center }
.page_banner .txt h4 { font-size: 48px; margin-bottom: 26px; }
.page_banner .txt p { font-size: 24px; line-height: 40px; }
/*place*/
.place { text-align: center; padding: 30px 0; margin-top: -60px; margin-bottom: 60px; }
.place a { width: 260px; height: 80px; line-height: 80px; font-size: 20px; color: #212121; display: inline-block; box-shadow: 0px 14px 60px 0px rgb(126 134 148 / 32%); margin: 0 20px; background: #fff; }
.place img { display: inline-block; width: 30px; vertical-align: middle; margin-right: 10px; }
.place #pagecurrent, .place a:hover { background: linear-gradient( 270deg, #2192EA 0%, #0E59D1 100%); color: #fff }
.place #pagecurrent img, .place a:hover img { filter: brightness(100); }
/*page_service*/
.page_service { overflow: hidden; }
.page_service ul { overflow: hidden; margin: 60px 0 0; }
.page_service ul li { overflow: hidden; background: #FFFFFF; box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); align-items: center; margin-bottom: 60px; }
.page_service ul li a { display: block; overflow: hidden; }
.page_service ul em { display: block; float: right; margin-left: 80px; height: 480px; overflow: hidden }
.page_service ul em img { transition: .5s }
.page_service ul li:hover img { transform: scale(1.1) }
.page_service ul section { margin: 60px; }
.page_service ul h3 { font-size: 36px; color: #333333; line-height: 50px; margin-top: 10px; margin-bottom: 40px; transition: all .5s; }
.page_service ul p { font-size: 16px; color: #333333; line-height: 26px; margin-bottom: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.page_service ul li:hover h3 { color: #0E59D1; }
.page_service ul li .btn { background: #fff; color: #484848; width: 210px }
.page_service ul li .btn_more { border: 1px solid #484848; }
.page_service ul li .btn_more:after, .page_service .btn_more:before { background: #484848 }
.page_service ul li:hover .btn { background: #0E59D1; color: #fff; width: 240px }
.page_service ul li:hover .btn_more { border: 1px solid #fff; }
.page_service ul li:hover .btn_more:after, .page_service ul li:hover .btn_more:before { background: #fff }
/*page_case*/
.page_case { overflow: hidden;padding-top: 60px; }
.page_case ul { overflow: hidden; margin-bottom: 60px; }
.page_case ul li { width: 33.333%; float: left; }
.page_case li a { display: block; margin: 20px; background: #FFFFFF; box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); }
.page_case li i { width: 100%; height: 270px; display: block; overflow: hidden; }
.page_case li i img { width: 100%; min-height: 100%; transition: .5s; }
.page_case li h4 { padding: 30px; text-align: center; font-size: 22px; color: #222222; line-height: 30px; transition: all .5s;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.page_case ul li:hover img { transform: scale(1.1) }
.page_case ul li:hover h4 { color: #0E59D1 }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 60px; }
.pagelist a { color: #878787; width: 50px; height: 50px; display: inline-block; line-height: 50px; margin: 5px; transition: .5s; border-radius: 50%; }
.pagelist a:nth-child(1) { display: none; }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #0e59d1; border-radius: 100%; }
.pagelist > b { width: 50px; height: 50px; display: inline-block; line-height: 50px; margin: 5px; border-radius: 100%; font-weight: normal; }
/*page_news*/
.page_news ul { margin-bottom: 30px; }
.page_news li { margin-bottom: 40px; overflow: hidden; background: #fff; padding: 40px; box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 5%); box-sizing: border-box; transform: translateY(0); transition: all .5s; }
.page_news ul li i { width: 360px; height: 270px; display: block; overflow: hidden; float: left; margin: 0 50px 0 0; }
.page_news ul li i img { transition: .5s; height: 100%; width: 100%; }
.page_news ul li i:hover img { transform: scale(1.1) }
.page_news ul li h3 { overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #666; margin: 20px 0; padding-bottom: 20px; font-size: 20px; white-space: nowrap; }
.page_news ul li p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #666; line-height: 1.5em; }
.page_news ul li span { font-size: 20px; color: #999; display: block; margin: 30px 0 20px; }
.page_news li:hover { transform: translateY(-5px); }
.btn_w { height: 60px; line-height: 60px; background: #ffffff; color: #fff; display: block; width: 180px; padding: 0 0 0 30px; border-radius: 5px; font-size: 15px; transition: .5s; cursor: pointer; position: relative; float: right; }
.btn_w a { color: #484848 }
.btn_w:hover { transform: translateY(-5px); }
.btn_w_more { position: relative; border: 1px solid #484848; border-radius: 50%; width: 20px; height: 20px; display: block; float: right; margin: 20px 30px 0; }
.btn_w_more:before { position: absolute; content: ''; right: 8px; top: 50%; width: 5px; height: 5px; background: #484848; border-radius: 50%; margin-top: -2px; z-index: 99; }
.btn_w_more:after { position: absolute; content: ''; top: 50%; width: 55px; height: 1px; background: #484848; right: 13px; margin-top: 0px; }
.page_contact { background: #fff; overflow: hidden; margin-bottom: 100px; height: 525px; }
.kefu_right { padding: 60px; background: #0E59D1; color: #fff; float: right; height: 100%; }
.kefu_left { padding: 60px; float: left; }
.kefu_mid { padding: 60px 20px; float: left; margin-left: 80px; }
.kefu_left .title h4 { font-size: 28px; font-weight: 600; color: #0E59D1; line-height: 40px; }
.kefu_left .title p { font-size: 14px; font-weight: 400; color: #888888; line-height: 20px; margin-top: 4px; }
.title { margin: 0 0 40px 0; padding: 0 0 40px 0; position: relative; }
.title:after { content: ""; width: 12px; height: 1px; background: #888; position: absolute; left: 0; bottom: 0; }
.kefu_left ul { font-size: 18px; line-height: 40px; display: block; }
.kefu_left ul li span { color: #888; margin-right: 10px; }
.kefu_mid p { font-size: 18px; color: #212121; line-height: 25px; }
.kefu_mid ul li { height: 150px; line-height: 150px; font-size: 16px; color: #484848; }
.kefu_mid ul li img { float: left; }
.kefu_right p { font-size: 18px; line-height: 25px; margin-bottom: 12px; }
.kefu_right .title:after { background: #fff; }
.kefu_right .title span { font-size: 28px; line-height: 34px; font-weight: bold; margin-top: 10px; color: #fff; display: block; }
.kefu_lxr p span { font-size: 28px; font-weight: bold; }
.kefu_lxr p:last-child { margin-top: 60px; }
/*job_box*/

.job_box { background: #fff; }
.page_job { overflow: hidden; padding-bottom: 100px; margin-bottom: 100px;   }
.f_title { text-align: center; }
.f_title h3 { font-size: 40px; font-weight: 600; color: #222222; line-height: 56px; }
.f_title span { font-size: 26px; font-weight: 300; color: #999999; line-height: 37px; margin-top: 4px; text-transform: uppercase; }
.f_title p { font-size: 18px; color: #777; line-height: 32px; text-align: center; max-width: 60%; margin: 40px auto; }
.job_lc { overflow: hidden }
.job_lc li { width: 20%; text-align: center; float: left; }
.job_lc li section { padding: 30px; position: relative; }
.job_lc li section:after { position: absolute; content: ''; width: 1px; height: 70%; top: 15%; right: 0; z-index: 2; background: #EDEDED; }
.job_lc li span { font-size: 60px; font-weight: 500; color: #EDEDED; line-height: 80px; display: block; transform: translateY(0); transition: all .5s; }
.job_lc li h5 { font-size: 20px; color: #222222; line-height: 28px; margin-bottom: 14px; margin-top: 11px; }
.job_lc li p { font-size: 14px; color: #333; }
.job_lc li:last-child section:after { display: none; }
.alljobs { background: #FFFFFF; box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); margin: 60px 0; padding: 80px; }
.alljobs .table { width: 100%; max-width: 100%; margin: 80px 0 20px; border-spacing: 0; border-collapse: collapse; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { height: 64px; line-height: 64px; border-bottom: 1px solid #E5E5E5; }
.table th { text-align: left; }
.table>thead>tr>th { font-size: 18px; color: #212121; }
.table>tbody>tr>td { padding: 8px }
.table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1) { padding-left: 75px; }
.table>tbody>tr>td, .table>tbody>tr>th { font-size: 16px; cursor: pointer; color: #212121; }
.tab-contents { display: none; transition: all .3s ease-in-out; }
.jobs-content { line-height: 45px; margin-right: 110px; margin: 40px 0 80px }
.jobs-content h5 { font-size: 16px; color: #212121; line-height: 22px; margin-bottom: 15px; }
.jobs-content p { font-size: 18px; font-weight: 400; color: #6B6F78; line-height: 32px; }
.add { position: relative; width: 16px; display: block; height: 100%; }
.add::before { content: ''; position: absolute; right: 10px; top: 36px; width: 16px; left: 0; border-top: 2px solid #E5E5E5; }
.add::after { content: ''; position: absolute; right: 17px; left: 7px; top: 30px; height: 16px; border-right: 2px solid #E5E5E5; transition: all .3s; }
.tab-contents { display: none; transition: all .3s ease-in-out; }
tr.on+.tab-contents { display: table-row; }
tr.on .add::after { border-right: 0; }
.talentsWanted-table tbody tr.on td, .talentsWanted-table tbody tr:hover td { background: #F0F0F0; }
.talentsWanted-table tbody tr.tab-contents:hover td { background: transparent; }
.fuli { background: url(../images/job.jpg) no-repeat right center #0f59d1; color: #fff; padding: 60px; margin: 60px 0; }
.fuli_text p { font-size: 18px; line-height: 32px; color: #ffffff; }
.fuli_title h3 { font-size: 40px; font-weight: 600; line-height: 56px; }
.fuli_title p { font-size: 18px; font-weight: 400; line-height: 32px; color: #ffffff; margin-bottom: 40px; }
/*page_article*/
.bg_news { background: url(../images/page_banner04.jpg) no-repeat top center; background-size: contain; padding-top: 10% }
.page_article { background: #fff; padding: 60px 200px; overflow: hidden; display: inline-block; box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); margin-bottom: 100px; }
.weizhi { color: rgba(255,255,255,.8); margin-bottom: 30px; font-size: 16px; }
.weizhi a { color: rgba(255,255,255,.8); }
.weizhi a:hover { color: #ccc; }
.news_info { color: #646464; font-size: 16px; overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }
.news_info h1 { color: #000; font-size: 28px; padding-top: 30px; position: relative; line-height: 40px; margin-bottom: 40px; }
.news_info span { margin-right: 30px; float: left; font-size: 14px; color: #888; }
.news_content { font-size: 16px; line-height: 32px; word-break: break-all; }
.news_content p { margin: 20px 0; }
.news_content ul, .news_content ol { margin: 20px 0 20px 35px; }
.news_content ul li, .news_content ol li { margin-top: 3px; line-height: 30px; }
.news_content.news_content ul li { list-style-type: disc; }
.news_content ol li { list-style-type: decimal; }
.news_content h2, .news_content h3, .news_content h4, .news_content h5, .news_content h6 { position: relative;font-size: 16px; margin: 20px 0; }
.news_content hr { width: 100%; height: 1px; border: 0; border-top: 1px #dedddd solid; margin: 30px 0;}
.news_content img { max-width: 100% !important; width: auto !important; height: auto !important; margin: 10px auto; }
.news_content video { height: auto !important; display: block; margin: auto; max-width: 100% !important; }
.news_content table { max-width: 100%; border-width: 1px; border-color: #666; border-collapse: collapse; font-size: 15px; line-height: 26px; }
.news_content table th { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #dedede; }
.news_content table td { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #ffffff; }
.news_content span.marker { background: yellow; }
.tags { margin: 40px 0; font-size: 16px; font-weight: 400; color: #333333; line-height: 28px; padding: 0 0 40px; border-bottom: 1px solid #e5e5e5; }
.tags a { color: #999; margin-right: 10px; }
.tags a:hover, .info-pre-next a:hover { color: #0E59D1; }
.info-pre-next { font-size: 14px; }
.info-pre-next p { margin-bottom: 20px; }
.info-pre-next span { display: inline-block; background: #F6F6F6; width: 118px; height: 40px; line-height: 40px; text-align: center; margin-right: 20px; color: #333333; font-size: 14px; }
.back-btn { float: right; color: #0E59D1 !important; font-size: 16px; padding: 13px 30px 13px 60px; background: #ffffff url(../images/icon-back.png); background-repeat: no-repeat; background-position: 30px center; background-size: 14px; position: relative; transform: translateX(0); transition: all .5s; margin-bottom: 30px; }
.back-btn:hover { transform: translateX(-10px); color: #0E59D1; }
/*case_content*/
.bg_case { background: url(../images/page_banner03.jpg) no-repeat top center; background-size: contain; padding-top: 10% }
.page_case_text { background: #fff; padding: 60px 70px; overflow: hidden; display: inline-block; box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); margin-bottom: 100px; }
.case_h4 { font-size: 28px; font-weight: 600; color: #0E59D1; line-height: 40px; padding-bottom: 15px; border-bottom: 2px solid #D8D8D8; position: relative; margin-bottom: 40px; }
.case_h4:after { position: absolute; content: ''; width: 115px; height: 2px; background: #0E59D1; left: 0; bottom: -2px; }
.case_box { background: #fff; overflow: hidden; margin: 0 0 60px; padding: 80px; clear: both; box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); }
.case_box em { display: block; float: left; width: 45%; height: 400px; overflow: hidden; }
.case_box h1 { font-size: 40px; font-weight: 600; color: #212121; line-height: 67px; padding-bottom: 40px; border-bottom: 1px solid #ccc; margin-bottom: 40px; }
.case_box section { display: block; float: right; width: 50%; }
.case_box em img { height: 100%; width: 100%;}
.case_box section p { font-size: 18px; font-weight: 400; color: #6F6F6F; line-height: 36px; }
.case_box section .btn { margin-top: 40px; }
/*service_content*/
.service_bg { background: url(../images/page_banner02.jpg) no-repeat top center; background-size: contain; padding-top: 10% }
.service_box { padding: 60px 80px; background: #fff; box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); margin-bottom: 60px; }
.service_pics ul { overflow: hidden; margin-bottom: 60px; display: flex; justify-content: space-between; }
.service_pics li { width: 23.5%; float: left; transition: all .3s; border: 1px solid #eeeeee; }
.service_pics li:hover { border: 1px solid #d7d7d7; box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); }
.service_pics li i { display: block; overflow: hidden; }
.service_pics li i img { margin: auto; width: 100%; }
.service_pics li h5 { text-align: center; font-size: 20px; color: #222222; line-height: 28px; transition: all .3s; padding: 20px 0; }
.service_text ul { overflow: hidden; margin-bottom: 60px; display: flex; justify-content: space-between; }
.service_text li { float: left; width: 32%; background: #FFFFFF; border: 1px solid #E5E5E5; position: relative; padding: 40px; }
.service_text li span { font-size: 63px; font-weight: 600; color: #EEEFF2; line-height: 100px; position: absolute; top: 10px; right: 33px; transition: all .3s; }
.service_text li:nth-child(1) span:after {content: "1";}
.service_text li:nth-child(2) span:after {content: "2";}
.service_text li:nth-child(3) span:after {content: "3";}
.service_text li:nth-child(4) span:after {content: "4";}
.service_text h5 { font-size: 32px; color: #212121; line-height: 45px; margin-bottom: 46px; font-weight: normal; }
.service_text p { font-size: 18px; color: #32425C; line-height: 32px; }
.service_text li:hover span { color: #0E59D1; }
/*join*/
.join { width: 100%; background: #fff; overflow: hidden; }
.join_title { text-align: center; margin: 80px 0; }
.join_title h4 { font-size: 40px; font-weight: 600; color: #222222; line-height: 56px; }
.join_title p { font-size: 26px; font-weight: 300; color: #999999; line-height: 37px; margin-top: 4px; text-transform: uppercase; }
.join_why { margin-bottom: 100px; }
.join_why ul { display: flex; justify-content: space-between; }
.join_why li { width: 25%; padding: 60px 40px; transition: all .3s; transform: translateY(0); }
.join_why li span { top: 0; right: 0; width: 60px; height: 60px; color: #ffffff; background: #0E59D1; display: inline-block; font-size: 20px; font-weight: 600; line-height: 60px; text-align: center; position: absolute; }
.join_why li h5 { color: #0E59D1; font-size: 20px; line-height: 28px; font-weight: 600; margin-bottom: 17px; }
.join_why li p { color: #484848; font-size: 14px; line-height: 23px; font-weight: 400; margin-bottom: 300px; max-width: 76%; }
.join_why li:nth-child(1) { background: url(../images/join01.png) bottom center no-repeat #F7FAFF; background-size: 300px; }
.join_why li:nth-child(2) { background: url(../images/join02.png) bottom center no-repeat #F7FAFF; background-size: 300px; }
.join_why li:nth-child(3) { background: url(../images/join03.png) bottom center no-repeat #F7FAFF; background-size: 300px; }
.join_why li:hover { transform: translateY(-10px); }
/*strength*/
.strength .box { background: url(../images/sbg.png) no-repeat top 200px center; background-size: contain; }
.str_text { font-size: 18px; line-height: 37px; color: #666; width: 88%; margin: auto; text-align: center; }
.strength ul { background: #fff; display: flex; margin: 50px 0 100px; }
.strength ul li { width: 33.333%; box-sizing: border-box; padding: 60px; text-align: center; position: relative; }
.strength ul li:after { position: absolute; content: ''; width: 1px; height: 60%; top: 20%; right: 0; background: #DDDDDD; }
.strength ul li:last-child:after { display: none }
.strength ul li img { width: 64px; margin: auto; margin-bottom: 32px; transform: translateY(0); transition: all .3s; }
.strength ul li h6 { font-size: 18px; color: #333333; line-height: 25px; font-weight: 600; }
.strength ul li p { font-size: 16px; color: #666; line-height: 25px; font-weight: 400; margin-top: 8px; padding: 0 20px; }
/*advantage*/
.advantage { background: url(../images/page_s.jpg) no-repeat; background-size: cover; overflow: hidden; padding: 100px 0; }
.advantage .join_title { text-align: left }
.advantage .join_title h4, .advantage .join_title p { color: #fff }
.advantage ul { padding: 40px 100px; list-style: none; display: flex; background: #fff; }
.advantage ul li { width: 25%; margin-bottom: 20px; }
.advantage ul li span { font-size: 72px; color: rgba(255, 255, 255, 0); line-height: 100px; -webkit-text-stroke: 1px #ccc; margin: 0 10px 0 30px; font-family: fantasy; }
.advantage ul li h5 { font-weight: 600; font-size: 20px; line-height: 28px; margin-top: 20px; color: #0E59D1; }
.advantage ul li p { font-weight: 400; font-size: 14px; line-height: 24px; margin-top: 15px; color: #666666; padding: 0 30px; }
.advantage ul li section { display: flex; align-items: baseline; transform: translateY(0); transition: all .5s; }
.advantage ul li:hover section { transform: translateY(-10px); }
/*conditions*/
.conditions { background: #fff; overflow: hidden }
.conditions ul { justify-content: space-between; flex-wrap: wrap; margin-top: 50px; margin-bottom: 40px; display: flex; }
.conditions ul li { width: 18%; background: #F7F7F7; margin-bottom: 35px; padding: 30px 40px; transform: translateY(0); transition: all .5s; position: relative; }
.conditions ul li span { top: 24px; right: 20px; font-size: 40px; font-weight: 500; color: #D7D7D7; line-height: 48px; font-family: fantasy; z-index: 2; position: absolute; }
.conditions ul li img { width: 40px; margin-bottom: 16px; }
.conditions ul li h6 { font-size: 18px; font-weight: 600; color: #333333; line-height: 25px; }
.conditions ul li p { font-size: 14px; font-weight: 400; color: #888888; line-height: 20px; margin-top: 8px; }
.conditions ul li:hover { transform: translateY(-10px); }
/*liucheng*/
.liucheng { background: url(../images/lcbg.jpg) no-repeat; background-size: cover; overflow: hidden }
.liucheng .join_title h4, .liucheng .join_title p { color: #fff }
.lc_box { position: relative; margin: 140px 0 200px 0; }
.lcimg { max-width: 100% }
.liucheng ul { display: inline-block; overflow: hidden; }
.liucheng li { text-align: center; position: absolute; }
.liucheng li:hover img { transform: rotate(180deg); }
.liucheng li:nth-child(1) { left: 5%; top: 22%; }
.liucheng li:nth-child(2) { left: 19%; top: 76%; }
.liucheng li:nth-child(3) { left: 33%; top: 7%; }
.liucheng li:nth-child(4) { left: 48%; top: 55%; }
.liucheng li:nth-child(5) { left: 62%; top: -35%; }
.liucheng li:nth-child(6) { left: 76%; top: 26%; }
.liucheng li:nth-child(7) { left: 90%; top: -35%; }
.liucheng li p { font-size: 20px; color: #FFFFFF; line-height: 28px; }
.liucheng li span { font-size: 32px; color: #FFFFFF; line-height: 40px; font-weight: 500; font-family: fantasy; margin-top: 10px; margin-bottom: 20px; display: block; }
.liucheng li i { width: 80px; height: 80px; display: block; background: #fff; border-radius: 50%; overflow: hidden; margin: auto; transform: rotate(0); transition: all .6s; }
.liucheng li img { width: 36px; margin: 22px auto; transition: .5s; }
/*join_contact*/
.join_contact { background: #fff; overflow: hidden }
.join_contact ul { display: flex; overflow: hidden; margin-bottom: 120px }
.join_contact li { width: 33.333%; background: #F1F6FF; padding: 100px 40px; text-align: center; }
.join_contact li:nth-child(2) { background: #0E59D1; }
.join_contact li span { font-size: 20px; font-weight: 400; color: #484848; line-height: 28px; margin-top: 20px; display: block; }
.join_contact li img { width: 66px; margin: auto; transform: translateY(0); transition: all .5s; }
.join_contact li p { font-size: 24px; font-weight: 500; color: #222222; line-height: 37px; margin-top: 15px; }
.join_contact li:nth-child(2) span, .join_contact li:nth-child(2) p { color: #fff }
.join_contact li:hover img { transform: translateY(-10px); }
/*about*/
.about { background: #fff; padding-bottom: 100px; }
.about_text p { font-size: 16px; color: #666; line-height: 32px; word-break: break-all; text-align: justify; margin-bottom: 20px; }
.about_text { columns: 500px 2; column-gap: 60px; }
.about .join_title { text-align: left }
/*culture*/
.culture { overflow: hidden }
.culture ul { justify-content: space-between; flex-wrap: wrap; display: flex; padding-bottom: 80px; }
.culture ul li { width: 26.5%; background: #FFFFFF; box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); padding: 55px 40px; margin-bottom: 40px; position: relative; }
.culture ul li img { width: 100px; right: 30px; top: 50%; margin-top: -50px; transform: scale(1); transition: all .5s; position: absolute; }
.culture li h5 { font-size: 32px; font-weight: 400; color: #0E59D1; line-height: 45px; max-width: 65%; margin-bottom: 20px; }
.culture li p { font-size: 16px; font-weight: 400; color: #666666; line-height: 24px; max-width: 65%; }
.culture ul li:hover img { transform: scale(1.5); }
/*honor*/
.honor .join_title { text-align: left }
.honor { background: #fff url(../images/honnor.png) no-repeat; background-size: auto auto, 100% 100%; background-position: 80% bottom, left top; padding-bottom: 90px; overflow: hidden; }
.honor_text { font-size: 16px; color: #222222; line-height: 30px; }
/*honor_pic*/
.honor_pic { background: #fff; overflow: hidden; }
.honor_pic .box { border-top: 1px solid #EAEAEA; }
.honor_pic ul { overflow: hidden; display: flex; justify-content: space-between; margin: 80px 0; }
.honor_pic li { transform: translateY(0); transition: all .3s; width: 23%; }
.honor_pic li i { display: block; overflow: hidden; }
.honor_pic li i img { width: 100%; }
.honor_pic li h6 { font-size: 20px; color: #222222; font-weight: 600; line-height: 28px; max-width: 85%; margin: 28px auto; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.partners ul { overflow: hidden; display: flex; justify-content: space-between; align-content: space-around; flex-wrap: wrap; padding-bottom: 100px }
.partners ul li { float: left; width: 16%; margin-bottom: 20px; border: #dfdfdf 1px solid; padding: 10px;background: #f6f6f6; }
.partners ul li img { margin: auto; object-fit: contain; filter: grayscale(100%); transition: all .5s; opacity: 0.3; }
.partners li:hover img { filter: grayscale(0); opacity: 1; }
.partners {background: #fff;overflow: hidden;}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
.box { margin: auto; width: 1300px }
.ft_left { width: 60%; }
.ft_right { width: 40%; }
}
 @media screen and (min-width: 1300px) and (max-width: 1399px) {
.box { margin: auto; width: 1200px }
.ft_left { width: 60%; }
.ft_right { width: 40%; }
#starlist li a { padding: 0 24px }
.culture ul li { width: 25% }
.map_right { width: 30% }
.hz ul li { width: 23% }
.page_service ul em { width: 40%; height: 400px; }
}
 @media screen and (min-width: 1025px) and (max-width: 1299px) {
.box { margin: auto; width: 1000px }
.logo { margin-right: 40px }
#starlist li a { padding: 0 20px }
.map_tell { font-size: 34px; }
.h_title h5 { font-size: 36px; }
.map_right { width: 30%; }
.m_r_txt h3 { font-size: 34px; }
.btn { width: 200px }
.place a { width: 200px }
.page_banner .txt { top: 20% }
.culture ul li { width: 23% }
.culture li h5 { font-size: 22px }
.culture ul li img { width: 60px; top: 44%; }
.culture li p { font-size: 15px; max-width: 100%; }
.honor { background-size: 40%; }
.page_service ul em { width: 40%; height: 290px; }
.page_service ul section { margin: 30px; }
.page_service ul em img { width: 100%; }
.page_service ul p { margin-bottom: 20px; }
.page_service ul h3 { font-size: 24px; }
.hezuo { background-size: auto 400px, 100% 100%; background-position: 60px 128%, left top; }
.hz_txt h4 { font-size: 36px; }
.service_pics li h5 { font-size: 16px; }
.service_text li { padding: 20px; }
.service_text h5 { font-size: 24px; margin-bottom: 20px; }
.service_text p { font-size: 15px; line-height: 26px; }
.service_text li span { font-size: 40px; top: -10px; }
.case_box em { height: auto; }
.case_box h1 { font-size: 28px; padding-bottom: 20px; margin-bottom: 20px; }
.case_box section p { font-size: 15px; line-height: 30px; }
.case_box { padding: 30px; }
.service_box { padding: 30px; }
.case_box section .btn { margin-top: 20px; }
.page_case li i { height: 170px; }
.page_case li h4 { padding: 20px; font-size: 18px; }
.join_why li p { max-width: 100%; margin-bottom: 180px }
.join_why li { width: 24%; }
.join_why li:nth-child(1) { background: url(../images/join01.png) bottom center no-repeat #F7FAFF; background-size: 200px; }
.join_why li:nth-child(2) { background: url(../images/join02.png) bottom center no-repeat #F7FAFF; background-size: 200px; }
.join_why li:nth-child(3) { background: url(../images/join03.png) bottom center no-repeat #F7FAFF; background-size: 200px; }
.advantage ul { padding: 20px; }
.advantage ul li p { padding: 0 10px; }
.conditions ul li { width: 15% }
.liucheng li:nth-child(1) { left: 5%; top: 0; }
.liucheng li:nth-child(2) { left: 19%; top: 64%; }
.liucheng li:nth-child(3) { left: 33%; top: -19%; }
.liucheng li:nth-child(4) { left: 48%; top: 45%; }
.liucheng li:nth-child(5) { left: 62%; top: -54%; }
.liucheng li:nth-child(6) { left: 76%; top: 13%; }
.liucheng li:nth-child(7) { left: 90%; top: -60%; }
.join_contact li p { font-size: 20px }
.job_lc li h5, .h_title p { font-size: 16px; }
.job_lc li section { padding: 10px; }
.map_right li { padding: 30px 0; }
}
@media only screen and (max-width: 1024px) {
.box { margin: auto; width: 96% }
.logo { margin-right: 40px }
#starlist li a { padding: 0 18px }
.sub dd a:after { width: 40px }
.h_title h5 { font-size: 28px; }
.map_tell { font-size: 30px; margin: 50px 0; }
.map_right li { padding: 20px; }
.map_right { width: 29%; }
.m_r_txt h3 { font-size: 24px; }
.h_title p { font-size: 15px; }
.map_mid img { margin-top: 20px; max-width: 90%; }
.hezuo { background-size: auto 400px, 100% 100%; background-position: 60px 128%, left top; }
.hz_txt h4 { font-size: 32px; }
.hz ul li { padding: 30px; }
.banner .swiper-container { height: 500px }
.banner .txt h3 { font-size: 32px; }
.banner .txt h4 { font-size: 18px; }
.banner .txt h5 { font-size: 15px; }
.banner .txt { margin: -100px 0 0 0; left: 5%; }
.banner-info { top: 450px; }
.banner-page-num { top: 450px; }
.banner .swiper-button-next, .banner .swiper-button-prev { top: 450px; }
.hz ul li h5 { font-size: 20px }
.btn { width: 150px; padding: 0 0 0 20px; height: 45px; line-height: 45px; font-size: 16px; }
.btn_more { margin: 10px; }
.btn_more:after { width: 45px; }
.h_title span { font-size: 20px; }
.news_date { display: none; }
.ft_top { width: 60px; }
.ft_top .btn_more { left: -14px; }
.ft_menu dl { width: auto; margin-right: 30px; }
.ft_left { width: auto; }
.ft_right { margin: 70px 0; width: 40% }
.ft_ewm li img { width: 120px }
.page_banner .txt { top: 120px }
.page_banner .txt h4 { font-size: 32px; }
.place a { width: 200px; }
.culture ul li { width: 28%; padding: 20px; margin-bottom: 20px; }
.culture li h5 { font-size: 24px; }
.culture ul li img { width: 50px; }
.culture li p { max-width: 100%; }
.honor { background: #fff url(../images/honnor.png) no-repeat; background-size: 50%; background-position: right bottom; }
.honor_pic li h6 { font-size: 16px; margin: 10px 0 }
.join_title h4 { font-size: 30px }
.join_title p { font-size: 16px }
.join_title { margin: 50px 0; }
.about, .partners ul { padding-bottom: 50px }
.place a { font-size: 16px; }
.page_service ul em { width: 40%; height: 270px; }
.page_service ul h3 { font-size: 24px; margin-bottom: 10px; }
.page_service ul section { margin: 30px; }
.page_service ul em img { width: 100%; }
.page_service ul p { margin-bottom: 30px; }
.page_case li i { height: 160px; }
.page_case li h4 { padding: 0 20px; font-size: 16px; line-height: 46px; }
.page_banner .txt p { font-size: 18px }
.case_box { padding: 30px; }
.case_box em { height: 300px; }
.case_box h1 { font-size: 24px; padding-bottom: 20px; margin-bottom: 20px; line-height: inherit; }
.case_box section p { font-size: 16px; line-height: 30px; }
.service_box, .page_case_text { padding: 30px; }
.service_pics li h5 { font-size: 16px; padding: 10px 0; }
.case_h4 { font-size: 20px; }
.service_text h5 { font-size: 24px; margin-bottom: 20px; }
.service_text li { padding: 20px; }
.service_text p { font-size: 15px; line-height: 28px; }
.service_text li span { font-size: 40px; top: -10px; }
.join_why li p { max-width: 100%; margin-bottom: 200px; }
.join_why li { width: 23%; }
.strength ul li { padding: 30px; }
.strength ul li p { padding: 0; font-size: 14px; }
.str_text { font-size: 16px; line-height: 32px; }
.join_why li { background-size: 200px !important; }
.advantage ul { padding: 20px; }
.conditions ul li { width: 15%; }
.join_contact li p { font-size: 16px; }
.join_contact li { padding: 50px 0; }
.liucheng li:nth-child(1) { left: 5%; top: -6%; }
.liucheng li:nth-child(2) { left: 19%; top: 65%; }
.liucheng li:nth-child(3) { left: 33%; top: -19%; }
.liucheng li:nth-child(4) { left: 48%; top: 43%; }
.liucheng li:nth-child(5) { left: 62%; top: -57%; }
.liucheng li:nth-child(6) { left: 76%; top: 17%; }
.liucheng li:nth-child(7) { left: 90%; top: -65%; }
.f_title p { max-width: 80%; }
}
@media only screen and (max-width: 768px) {
header { position: inherit; }
header .box { position: relative; width: 100%; }
#starlist { display: none; }
#mnavh { display: block; top: 23px; position: absolute; right: 60px; }
#starlist { display: none }
#starlist li { width: 100%; margin: 0; background: #fff; position: relative; border-bottom: #eee 10px solid; line-height: 50px; float: left; font-size: 16px; z-index: 999; }
#starlist li a { text-align: left; font-weight: bold; padding: 0 20px; margin: 0; }
#starlist li:nth-child(1) { border-top: #eee 1px solid; }
.sub { position: initial; height: auto; opacity: 1; width: 100%; box-shadow: none; }
.sub dl { width: auto; padding: 0 20px; }
.sub dt { display: none; }
.sub dd a { font-weight: normal !important; font-size: 15px; }
#starlist li:last-child { padding-bottom: 100%; }
a#selected:after, #starlist li a:after { display: none }
.sub dd { width: auto; border-bottom: none; }
.sub dd a:before { background: #000; left: 0; }
.sub dd:after { display: none; }
#starlist li { }
#starlist li:hover dd a:hover, #starlist a#selected:hover, #starlist li:hover a#selected, #starlist li:hover a { background: none !important; color: #0E59D1; }
.logo { margin: 0 10px; }
.place a { width: 160px; margin: 0 10px; }
.h_service ul li p { font-size: 14px; }
.h_service section:hover { width: 90%; }
.map .map_left { width: 60%; }
.map_right { width: 100%; float: none; clear: both; padding: 100px 0 50px; overflow: hidden; }
.map_right li { float: left; padding: 10px; overflow: inherit; }
.map_right li:after { left: -10px; top: inherit; bottom: -30px; }
.hz ul li p { font-size: 15px; }
.hz ul li { padding: 20px; width: 26% }
.hezuo { background-size: auto 200px, 100% 100%; background-position: 60px 100%, left top; }
.hz_txt h4 { font-size: 24px; }
.hz_txt span { font-size: 20px }
.ft_menu dl { width: 25%; margin-right: 0; }
.ft_menu { width: 100%; overflow: hidden; }
.ft_left { width: 100%; }
.ft_right { float: left; text-align: center; width: 100%; margin: 20px 0; }
.ft_ewm { text-align: center; }
.ft_ewm li { float: none; display: inline-block; }
.ft_tell { margin-bottom: 30px; }
.copyright { text-align: center; padding: 20px 0; }
.culture ul li { width: 26% }
.culture li h5 { font-size: 18px; }
.culture li p { font-size: 13px; }
.honor_text { font-size: 13px; }
.honor { padding-bottom: 0; }
.honor_pic li h6 { font-size: 14px; max-width: 100%; }
.page_service ul p { font-size: 14px; line-height: 26px; margin-bottom: 10px; }
.page_service ul section { margin: 20px; }
.page_service ul em { height: 210px; }
.page_service ul h3 { font-size: 18px; margin: 10px 0; line-height: 40px; }
.case_box em { height: 200px }
.case_box section p { font-size: 14px; line-height: 24px; }
.case_box h1 { font-size: 20px }
.service_pics li h5 { font-size: 13px; }
.join_why li { width: 26%; padding: 60px 20px; }
.strength ul li h6 { font-size: 15px }
.advantage ul li { width: 50%; }
.advantage ul { justify-content: space-between; flex-wrap: wrap; }
.advantage .join_title { text-align: center; }
.advantage { padding: 0 0 100px 0 }
.conditions ul li { width: 18%; padding: 10px 20px; margin-bottom: 16px; }
.conditions ul li span { top: 8px; }
.liucheng li:nth-child(1) { left: 5%; top: -27%; }
.liucheng li:nth-child(2) { left: 19%; top: 50%; }
.liucheng li:nth-child(3) { left: 33%; top: -40%; }
.liucheng li:nth-child(4) { left: 48%; top: 33%; }
.liucheng li:nth-child(5) { left: 62%; top: -76%; }
.liucheng li:nth-child(6) { left: 76%; top: 12%; }
.liucheng li:nth-child(7) { left: 90%; top: -91%; }
.join_contact li p { font-size: 14px; padding: 0 20px; line-height: 24px; }
.join_contact li img { width: 33px; }
.page_news ul li i { width: 200px; height: 130px; margin: 0 20px 0 0; }
.page_news li { padding: 20px; }
.page_news ul li span { display: none; }
.btn_w { display: none; }
.page_news ul li i img { width: 100%; height: auto; min-height: 100%; }
.page_news ul li h3 { margin: 15px 0; padding-bottom: 10px; font-size: 18px; }
.page_article { padding: 0 30px; }
.news_info h1 { font-size: 24px; }
.page_contact { height: auto; overflow: hidden; }
.kefu_left { padding: 60px; }
.kefu_mid { padding: 72px 0 0; margin-left: 0; }
.title { margin: 0 0 20px 0; padding: 0 0 20px 0; }
.kefu_mid ul li img { width: 120px; }
.kefu_mid ul li { height: 120px; line-height: 120px; }
.kefu_right { margin: auto; float: none; clear: both; }
.fuli { background-size: 300px; padding: 30px; }
.fuli_text p { font-size: 15px; }
.f_title h3 { font-size: 32px; }
.f_title span { font-size: 18px; }
.f_title p { font-size: 16px; }
.alljobs { padding: 30px; }
.alljobs .table { margin: 20px 0 20px; }
.table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1) { padding-left: 25px; }
.job_lc li { width: 50%; height: 240px; }
.job_lc li p { font-size: 15px; padding: 0 20px; line-height: 26px; }
}
@media only screen and (max-width: 640px) {
.box { width: 92% }
header { height: 46px; }
.logo img { height: 30px; margin-top: 9px; }
.is-search {top: 5px;right: 5px;display: none;}
#mnavh {top: 12px;right: 0;}
nav { height: 46px; line-height: 46px; }
.logo { height: 46px; }
.search-page .search { width: 80%; }
.search-page .go-left { right: 0; top: 0; }
.banner-info { display: none; }
.banner .swiper-button-next, .banner .swiper-button-prev { display: none; }
.banner .swiper-container { height: auto; }
.banner .txt h3 { font-size: 20px; }
.banner .txt h4 { font-size: 16px; margin: 0; }
.banner .txt h5 { font-size: 14px; margin: 5px 0; }
.banner .txt { margin: -74px auto 0; left: 20px; }
.banner-page-num { top: inherit; left: 20px; bottom: 5px; }
.banner-page-num span { font-size: 14px; }
.service { padding: 30px 0; }
.h_title h5 { font-size: 22px; margin: 10px 0 20px; }
.h_title span { font-size: 18px; }
.h_title p { font-size: 15px; line-height: 24px; }
.h_s_txt h5 { font-size: 20px; }
.h_s_txt p { font-size: 14px; line-height: 24px; }
.h_service section:hover ul li { width: 33.333%; }
.h_service section:hover ul { top: 40%; right: 10px; height: auto; }
.h_service ul li p { font-size: 12px; }
.h_service ul li a { margin: 20px 1px; }
.h_service ul li a:before { left: 0; }
.h_service ul li:nth-child(4) a:before { display: none; }
.h_service { height: 430px; }
.h_service { height: 430px; }
.map_mid { width: 100%; }
.map .map_left { width: 100%; }
.map_tell { margin: 30px 0; font-size: 24px; background-size: 24px; }
.map_right { padding: 0 20px; }
.map_right li:after { width: 120px; height: 120px; margin-top: 0; bottom: 3px; left: 1px; }
.map_right li { padding: 20px; margin-bottom: 20px; }
.hz ul li { width: auto; margin: 20px 0; }
.hz ul { display: inline; }
.hz_txt h4 { font-size: 20px; }
.hz_txt p { font-size: 16px; }
.hz_txt span { font-size: 16px; margin: 20px 0; }
.hezuo { background: url(../images/bg3.jpg) no-repeat; }
.news_left { width: 100%; }
#tab { margin: 20px 0; overflow: hidden; }
#tab li { margin: 0 40px 0 0; float: left; }
div#tab-content { width: 100%; }
section.tab-box li a { margin: 0; height: auto; padding: 20px; }
section.tab-box ul li { width: 100%; margin: 20px 0 0; }
.news .btn { display: none; }
.hz ul li img { width: 36px; height: 36px; }
.hz ul li h5 { margin-top: 0; font-size: 18px; }
.hz ul li p { margin-top: 0; }
.hz ul li img { width: 36px; height: 36px; }
.hz ul li h5 { margin-top: 0; font-size: 18px; }
.hz ul li p { margin-top: 0; }
.ft_menu { display: none; }
.ft_right { text-align: left; margin: 10px 0; }
.ft_tell a { font-size: 20px; margin: 0; }
.ft_ewm li img { width: 100px; }
.ft_ewm li p { font-size: 12px; line-height: 30px; }
.ft_ewm li { float: left; }
.copyright { font-size: 12px; padding-right: 20%; }
.ft_logo { margin: 20px 0 10px; }
.ft_logo img { height: 30px; }
.ft_tell { margin-bottom: 20px; }
.map_right li i { width: 48px; height: 48px; line-height: 48px; }
.map_right li img { width: 26px; height: 26px; margin: 10px; }
.map_right li i::after { width: 58px; height: 58px; }
.map_right li:after { width: 90px; height: 90px; bottom: 4px; left: 1px; }
.m_r_txt h3 { font-size: 20px; }
.m_r_txt h3 span { line-height: 30px; }
.m_r_txt p { font-size: 15px; }
.page_banner .txt { top: 13%; }
.page_banner .txt h4 { font-size: 18px; margin: 0; }
.page_banner .txt p { font-size: 13px; line-height: 30px; }
.place { white-space: nowrap; overflow-y: hidden; overflow-x: auto; margin-top: 0; margin-bottom: 0; padding: 24px 0; }
.place a { width: 130px; height: 46px; line-height: 46px; margin: 0 10px 0 0; box-shadow: 0px 3px 3px 0px rgb(126 134 148 / 32%); font-size: 14px; }
.place img { width: 18px; }
.about .join_title { margin: 20px 0; }
.join_title h4 { font-size: 24px; line-height: inherit; }
.join_title p { font-size: 14px; line-height: 30px; }
.culture ul li { width: 100%; }
.culture li h5 { margin-bottom: 0; font-size: 20px; }
.culture li p { font-size: 15px; }
.culture ul li img { width: 60px; margin-top: -30px; right: 20px; }
.culture ul { padding-bottom: 30px; }
.honor_text { font-size: 15px; padding-bottom: 237px; }
.honor .join_title { margin: 30px 0; }
.honor { background-size: contain; }
.honor_text p { margin-bottom: 10px; }
.honor_pic li { width: 100%; }
.honor_pic ul { display: block; margin: 50px 0 30px 0; }
.honor_pic li h6 { margin-bottom: 20px; }
.honor_text { font-size: 15px; padding-bottom: 237px; }
.honor { background-size: contain; }
.honor_text p { margin-bottom: 10px; }
.honor_pic li { width: 100%; }
.honor_pic ul { display: block; margin: 50px 0 30px 0; }
.honor_pic li h6 { margin-bottom: 20px; }
.partners ul li { width: 25%; }
.partners ul li img { width: 100%; }
.join_title { margin: 30px 0; }
.page_service ul em { width: 100%; height: auto; float: none; margin-left: auto; }
.btn { font-size: 14px; background: #0E59D1 !important; color: #fff !important; }
.page_service ul li .btn_more { border: 1px solid #fff; }
.page_service ul li .btn_more:after, .page_service .btn_more:before { background: #fff; }
.page_service ul li .btn { width: 140px }
.back-btn { display: none; }
.weizhi { font-size: 12px; margin-bottom: 10px; }
.service_bg, .bg_case, .bg_news { padding-top: 20%; }
.case_box em { width: 100%; height: auto; margin-bottom: 20px; }
.case_box em img { width: 100%; }
.case_box section { float: none; width: 100%; }
.service_pics li { width: 98%; margin-bottom: 20px; }
.service_pics ul { display: block; }
.service_text li { width: 86%; }
.service_text ul { display: block; }
.service_box, .page_case_text { padding: 15px; }
.page_case ul li { width: 100%; }
.page_case li a { margin: 20px 0; }
.page_case li i { height: auto; }
.join_why li { width: 88%; margin-bottom: 20px; }
.join_why ul { display: block; }
.strength ul { display: block; background: none; margin-bottom: 30px }
.strength ul li { background: #fff; width: 100%; margin-bottom: 30px; }
.strength ul li:after { display: none; }
.advantage ul li { width: 100%; }
.conditions ul li { width: 42%; padding: 10px; }
.conditions ul li span { font-size: 24px; top: 0; }
.conditions ul li img { width: 20px; margin-bottom: 10px; }
.conditions ul li p { font-size: 12px; }
.conditions ul li h6 { font-size: 15px; }
.join_contact li { width: 100%; }
.join_contact ul { display: block; }
.join_contact ul { margin-bottom: 30px; }
.liucheng li img { width: 18px; margin: 10px auto; }
.liucheng li i { width: 36px; height: 36px; }
.liucheng li p { font-size: 12px; }
.liucheng li span { font-size: 18px; margin: 0; }
.liucheng li:nth-child(1) { left: 0%; top: -55%; }
.liucheng li:nth-child(2) { left: 14%; top: 50%; }
.liucheng li:nth-child(3) { left: 30%; top: -62%; }
.liucheng li:nth-child(4) { left: 45%; top: 33%; }
.liucheng li:nth-child(5) { left: 60%; top: -95%; }
.liucheng li:nth-child(6) { left: 73%; top: 12%; }
.liucheng li:nth-child(7) { left: 85%; top: -100%; }
.lc_box { margin: 100px 0; }
.page_news ul li i { width: 100%; height: auto; float: none; }
.page_article { padding: 0 15px; }
.news_info h1 { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
.kefu_left { padding: 20px; }
.kefu_left .title h4 { font-size: 20px; }
.kefu_left .title p { font-size: 12px; }
.kefu_left ul { font-size: 15px; line-height: 30px; }
.kefu_mid { padding: 20px 0 30px 20px; }
.kefu_right { padding: 20px; }
.kefu_right p { font-size: 15px; }
.kefu_right .title span { font-size: 20px; }
.kefu_lxr p span { font-size: 20px; }
.kefu_lxr p:last-child { margin-top: 30px; }
.page_contact { margin-bottom: 30px; }
.f_title h3 { font-size: 20px; line-height: 40px; }
.f_title span { font-size: 15px; line-height: inherit; }
.f_title p { max-width: 100%; font-size: 14px; line-height: 26px; margin: 20px; }
.job_lc li { width: 100%; }
.job_lc li section:after { display: none; }
.fuli { background: #0f59d1; }
.fuli_title h3 { font-size: 20px; line-height: inherit; }
.fuli_title p { font-size: 15px; }
.hidden-xs { display: none!important; }
.table>tbody>tr>td, .table>tbody>tr>th { font-size: 12px; padding: 0; }
.table>thead>tr>th { font-size: 12px; padding: 8px; }
.table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1) { line-height: 45px; height: 45px; padding: 0 0 0 10px; }
.jobs-content p { font-size: 12px; }
.page_job { padding-bottom: 40px; margin-bottom: 40px; }
}